{% extends "base.html" %}

<!-- ======================================================================= -->
<!-- page specific head (scripts, CSS, etc.) ================================--> 
<!-- ======================================================================= -->
{% block BaseHead %}

<!-- ======================================================================= -->
<!-- page specific names ====================================================-->
<!-- ======================================================================= -->
<script type="text/javascript">
    GW.page = {% if page %} {{page}} {% else %} []{% endif %};                  // set page
    GW.pages = [];                                                              // page cache for the map
    GW.mapFeatureToFeature = [];                                                // list of map meatures indexed by the point, line, or shape
</script>

<!-- ======================================================================= -->
<!-- page JS ================================================================-->
<!-- ======================================================================= -->
<script type="text/javascript" src="/static/js/view.js" > </script>

<!-- ======================================================================= -->
<!-- page specific styles ===================================================-->
<!-- ======================================================================= -->
<style type="text/css">
    form.dialog1{
        font-size: 95%;
    }
    form.dialog1 label{
        float: left;
        width: 5em;
        padding-right: 0.5em;
        margin-bottom: 0.5em;
    }
    form.dialog1 label.inline{
        float: left;
        width: 5em;
        padding-right: 0.5em;
        margin-bottom: 0.5em;
    }
    form.dialog1 input.ro {
        width: 40em;
        background-color: #E8E8E8;
        margin-bottom: 0.5em;
    }
    form.dialog1 textarea.ro {
        width: 40em;
        height: 6em;
        background-color: #E8E8E8;
    }
</style>

<!-- ======================================================================= -->
<!-- page specific head (scripts, CSS, etc. =================================--> 
<!-- ======================================================================= -->
{% endblock %}

<!-- ======================================================================= -->
<!-- Page body ============================================================= -->
<!-- ======================================================================= -->
{% block BaseBody %}
<div id="idLeft" style="float:left; overflow: auto; height: 100%;">
    <div id="idContent" style="margin-left: 0.5em; margin-right: 0.5em;" >
    </div>
</div>
<div id="idMap" style="float: left; width: 49%; height: 100px;" >
</div>
<!-- ======================================================================= -->
<!-- Feature Page Display Panel ============================================ -->
<!-- ======================================================================= -->
<div id="idFeaturePageDisplayPanel" style="visibility:hidden" >
    <div id="idFeaturePageDisplayPanelHD" class="hd">
        <a class="pdpMenu" href="#" onClick="GW.displayFeaturePage.showContent(); return false;">Content</a>&nbsp;&nbsp;
        <a class="pdpMenu" href="#" onClick="GW.displayFeaturePage.showProperties(); return false;">Properties</a>&nbsp;&nbsp;
        <a class="pdpMenu" href="#" onClick="GW.displayFeaturePage.page(); return false;">View Page</a>&nbsp;&nbsp;
        <a class="pdpMenu" href="#" onClick="GW.displayFeaturePage.edit(); return false;">Edit Page</a>&nbsp;&nbsp;
        <a class="pdpMenu" href="#" onClick="GW.displayFeaturePage.hide(); return false;">Exit</a>&nbsp;&nbsp;
    </div>
    <div id="idFeaturePageDisplayPanelBD" class="bd" style="overflow: auto;" ><!-- content goes here --> </div>
</div>

<!-- ======================================================================= -->
<!-- Page properties panel ================================================= -->
<!-- ======================================================================= -->
<div id="idPagePropertiesDialog" style="visibility:hidden;" >
    <div class="hd">Page Properties </div>
    <div class="bd" style="overflow: auto">
        <form id="idPPForm" name="ppForm" class="dialog1" method="post" action="#" >
            <label for='pageGWTitle'>GW Title:</label>
            <input class='ro' name='pageGWTitle' id='idGWTitle' value='page.wikiTitle goes here' readonly='readonly' /><br />
            <label for='pageTitle'>Title:</label>
            <input class='ro' name='pageTitle' id='idTitle' value="page.titleStr goes here" readonly='readonly' /><br />
            <label for='pageAuthor'>Author:</label>
            <input class='ro' name='pageAuthor' id='idAuthor' value="page.author goes here" readonly='readonly' /><br />
            <label for='pageDate'>Date:</label>
            <input class='ro' name='pageDate' id='idDate' value='page.date' readonly='readonly' /><br />
            <label for='pageTags'>Tags:</label>
            <textarea class='ro' name='pageTags' id='idTags' value='page.tags goes here' readonly='readonly' /> </textarea><br />
            <label for='pageFeatures'>All Features:</label>
            <textarea class='ro' name='pageFeatures' id='idPageFeatures' value='page.Features goes here' readonly='readonly' /> </textarea><br />
            <label for='pageRevision'>Revision:</label>
            <input class='ro' name='pageRevision' id='idRevision' style='width: 3em;' value='page.revision goes here' readonly='readonly' /><br />
            <label for='pageCurrent'>Current:</label>
            <input class='ro' name='pageCurrent' id='idCurrent' style='width: 3em;' value='page.current goes here' readonly='readonly' /><br />
            <label for='pageLocked'>Locked:</label>
            <input class='ro' name='pageLocked' id='idLocked' value='page.locked' readonly='readonly' style='width:3em;' /><br />
            <label for='pageBox'>[NSEW]:</label>
            <textarea class='ro' name='pageBox' id='idBox' value='page.north page.south page.east page.west' readonly='readonly' /> </textarea>
        </form>
    </div>
</div>

{% endblock %}



